.frame{
    height: 100%;
    // display: flex;

      .header-top {
        width: 100%;
        height: 0.5rem;
        //background-color: red;
      }


      .content-botton {
        width: 100%;
        height: calc(~"100% - 0.5rem");
        //background-color: yellow;
        display: flex;

        .left-menu{
            box-sizing: border-box;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            // max-width: 2rem;
          }

          .right-content{
            flex: 1;
            height: 100%;
            //.header-box{
            //  height: 0.5rem;
            //}
            .content{
              height: calc(~"100% - 1rem");
              box-sizing: border-box;
              overflow: hidden;
            }
        }
      }



  }
  /* 可以设置不同的进入和离开动画 */
  .bounce-enter-active {
    animation: bounce-in .5s;
  }
  .bounce-leave-active {
    animation: bounce-in .5s reverse;
  }
  @keyframes bounce-in {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(1);
    }
  }
